<script type="text/javascript">
	$(function() {
		//查看我的所有好友
		$("#friendViewA").click(function(){
			var $li = $(this).parent();
			$li.addClass("select");
			$li.siblings().removeClass("select");
			jQuery.get("/Wyn/friend/friend_view", 
				function(data) {
					$("#friendContentPanel").replaceWith(data);
				}
			);
		});
		//寻找好友
		$("#friendSearchA").click(function() {
			var $li = $(this).parent();
			$li.addClass("select");
			$li.siblings().removeClass("select");
			jQuery.get("/Wyn/friend/goFriendSearch", 
				function(data) {
					$("#friendContentPanel").replaceWith(data);
				}
			);
		}
	);
		//查看我的好友请求
		$("#viewFriendRequestA").click(function() {
			var $li = $(this).parent();
			$li.addClass("select");
			$li.siblings().removeClass("select");
			jQuery.get("/Wyn/friend/view_friend_request",
				 function(data){
				 	$("#friendContentPanel").replaceWith(data);
				}
			);
		});
	});
</script>
<div class="full-page-holder">
	<div class="full-page clearfix">
		<div class="compatible">

			<div id="content">
				<div class="page-title">
					<h2>好友</h2>
				</div>
				<div id="friendsMain" class="friends-main clearfix">
					<div id="sideBar" class="friends-sidebar">
						<div id="friendSearch" class="clearfix">
							<div id="search-input">
								<input type="text" class="input-text" name="filterFriends"
									id="friendSearchInput" maxlength="100" size="25"
									autocomplete="off" style="color: rgb(136, 136, 136);">
							</div>
						</div>
						<ul class="CategoryList">
							<li><a id="friendViewA" href="#logo"><span
									class="i-all"></span>全部好友<#--<em>(100)</em>--></a></li>
							<li><a id="friendSearchA" href="#logo"><span
									class="i-seek"></span>寻找好友</a></li>
							<li><a id="viewFriendRequestA" href="#logo"><span
									class="i-special"></span>好友请求<em>(0)</em></a></li>
						</ul>

						<h1>好友分组</h1>
						<ul id="groupList" class="GroupList">

							<li title="大学同学"><a href="javascript:;"><span></span>大学同学&nbsp;(23)</a></li>

							<li title="高中同学"><a href="javascript:;"><span></span>高中同学&nbsp;(0)</a></li>

							<li title="家人亲戚"><a href="javascript:;"><span></span>家人亲戚&nbsp;(0)</a></li>

							<li title="挚交好友"><a href="javascript:;"><span></span>挚交好友&nbsp;(0)</a></li>

							<li title="普通朋友"><a href="javascript:;"><span></span>普通朋友&nbsp;(0)</a></li>

							<li title="朋友的朋友"><a href="javascript:;"><span></span>朋友的朋友&nbsp;(0)</a></li>

							<li title="其他"><a href="javascript:;"><span></span>其他&nbsp;(0)</a></li>

							<li title="未分组好友"><a href="javascript:;"><span
									class="NotGroup"></span>未分组好友&nbsp;(77)</a></li>
						</ul>
					</div>
					<div id="friendContentPanel" class="friends-listbox item_panel" style="display: block; ">
					</div>
					
				</div>
			</div>

		</div>
	</div>
</div>